<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,maximum-scale=1.0,minimum-scale=1.0,initial-scale=1.0,user-scalable=no">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<script src="js/common.js"></script>
<link href="css/reset.css" rel="stylesheet">
<link href="css/common.css" rel="stylesheet">
<link href="css/swiper-3.4.0.min.css" rel="stylesheet">
<link href="css/liuliu.css" rel="stylesheet">
</head>
<body>
    <!-- nav start -->
    <nav>
        <ul class="clearfix">
            <li class="li1">精选</li>
            <li>推荐</li>
            <li>关注</li>
        </ul>
        <i class="iconfont">&#xe67b;</i>

    </nav>
    <!-- <div class="curent"></div> -->
    <!--nav start -->
    <div class="main">
        <div class="wrapper">
            <div class="banner swiper-container">
                <ul class="bannerUl clearfix swiper-wrapper">
                    <li class="swiper-slide">
                        <a href="#">
                           <img src="images/banner6.jpg" alt=""> 
                        </a>
                    </li>
                    <li class="swiper-slide">
                        <a href="#">
                           <img src="images/banner1.jpg" alt=""> 
                        </a>
                    </li>
                    <li class="swiper-slide">
                        <a href="#">
                           <img src="images/banner2.jpg" alt=""> 
                        </a>
                    </li>
                </ul>
                <ul class="bannerBtn clearfix swiper-pagination">
                </ul>
            </div>
            <div class="content">
                <ul>
                    <li>
                        <div class="title clearfix">
                            <img src="images/touxiang.png" alt="" class="fl">
                            <div class="information fl">
                                <p>
                                    <span class="span1">fansToa</span>
                                    <i class="iconfont">&#xe60c;</i>
                                    <span class="span2">浙江  温州</span>
                                </p>
                                <p>
                                    <img src="images/tou.png" alt="">
                                    <span>杰克&nbsp;&nbsp;&nbsp;萨摩耶</span>
                                    <i class="iconfont">&#xe618;</i>
                                </p>
                            </div>
                            <div class="follow fl">
                                <i class="iconfont">&#xe62a;</i>
                                <span>关注</span>
                            </div>
                        </div>
                        <img src="images/pic15.jpg" alt="">
                        <div class="comment">
                            <h2>愉快的我们</h2>
                            <ul class="clearfix">
                                <li>
                                    <a href="">
                                        <img src="images/pic16.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/pic17.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/pic18.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic19.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic20.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic21.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic22.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic23.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic16.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic17.png" alt="">
                                    </a>
                                </li>
                                <li class="lastLi">50</li>
                            </ul>
                            <ul class="clearfix">
                                <li>
                                    <i class="iconfont">&#xe62e;</i>
                                赞
                                </li>                        <li>
                                    <i class="iconfont">&#xe609;</i>
                                评论
                                </li>                        <li>
                                    <i class="iconfont">&#xe621;</i>
                                分享
                                </li>
                            </ul>
                            <p>
                                <span>泡在糖果王国的小肥仔：</span>
                                <span>真棒！</span>
                            </p>                    
                            <p>
                                <span>泡在糖果王国的小肥仔：</span>
                                <span>真棒！</span>
                            </p>                    
                            <p>
                                <span>泡在糖果王国的小肥仔：</span>
                                <span>真棒！</span>
                            </p>
                            <p>查看所有20条评论</p>
                        </div>
                    </li>
                    <li>
                        <div class="title clearfix">
                            <img src="images/touxiang.png" alt="" class="fl">
                            <div class="information fl">
                                <p>
                                    <span class="span1">fansToa</span>
                                    <i class="iconfont i2">&#xe63f;</i>
                                    <span class="span2">浙江  温州</span>
                                </p>
                                <p>
                                    <img src="images/tou.png" alt="">
                                    <span>杰克&nbsp;&nbsp;&nbsp;萨摩耶</span>
                                    <i class="iconfont i3">&#xe618;</i>
                                </p>
                            </div>
                            <div class="follow fl">
                                <i class="iconfont">&#xe62a;</i>
                                <span>关注</span>
                            </div>
                        </div>
                        <img src="images/pic29.jpg" alt="">
                        <div class="comment">
                            <h2>愉快的我们</h2>
                            <ul class="clearfix">
                                <li>
                                    <a href="">
                                        <img src="images/pic16.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/pic17.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/pic18.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic19.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic20.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic21.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic22.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic23.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic16.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic17.png" alt="">
                                    </a>
                                </li>
                                <li class="lastLi">50</li>
                            </ul>
                            <ul class="clearfix">
                                <li>
                                    <i class="iconfont">&#xe62e;</i>
                                赞
                                </li>                        <li>
                                    <i class="iconfont">&#xe609;</i>
                                评论
                                </li>                        <li>
                                    <i class="iconfont">&#xe621;</i>
                                分享
                                </li>
                            </ul>
                            <p>
                                <span>泡在糖果王国的小肥仔：</span>
                                <span>真棒！</span>
                            </p>                    
                            <p>
                                <span>泡在糖果王国的小肥仔：</span>
                                <span>真棒！</span>
                            </p>                    
                            <p>
                                <span>泡在糖果王国的小肥仔：</span>
                                <span>真棒！</span>
                            </p>
                            <p>查看所有20条评论</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>        
        <div class="wrapper">
            <div class="banner swiper-container">
                <ul class="bannerUl clearfix swiper-wrapper">
                    <li class="swiper-slide">
                        <a href="#">
                           <img src="images/1486b078cf89ad254e53f7e2d727102193140e8c670a6-am1zVj_fw6hgkgk58.jpg" alt=""> 
                        </a>
                    </li>
                    <li class="swiper-slide">
                        <a href="#">
                           <img src="images/734b0_04f11fd9bfeb19571241aa7e6d68bc87.jpg" alt=""> 
                        </a>
                    </li>
                    <li class="swiper-slide">
                        <a href="#">
                           <img src="images/banner2.jpg" alt=""> 
                        </a>
                    </li>
                </ul>
                <ul class="bannerBtn clearfix swiper-pagination">
                </ul>
            </div>
            <div class="content">
                <ul>
                    <li>
                        <div class="title clearfix">
                            <img src="images/touxiang.png" alt="" class="fl">
                            <div class="information fl">
                                <p>
                                    <span class="span1">fansToa</span>
                                    <i class="iconfont">&#xe60c;</i>
                                    <span class="span2">浙江  温州</span>
                                </p>
                                <p>
                                    <img src="images/tou.png" alt="">
                                    <span>杰克&nbsp;&nbsp;&nbsp;萨摩耶</span>
                                    <i class="iconfont">&#xe618;</i>
                                </p>
                            </div>
                            <div class="follow fl">
                                <i class="iconfont">&#xe62a;</i>
                                <span>关注</span>
                            </div>
                        </div>
                        <img src="images/1486b078cf89ad254e53f7e2d727102193140e8c670a6-am1zVj206_fw658.jpg" alt="">
                        <div class="comment">
                            <h2>愉快的我们</h2>
                            <ul class="clearfix">
                                <li>
                                    <a href="">
                                        <img src="images/pic16.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/pic17.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/pic18.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic19.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic20.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic21.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic22.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic23.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic16.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic17.png" alt="">
                                    </a>
                                </li>
                                <li class="lastLi">50</li>
                            </ul>
                            <ul class="clearfix">
                                <li>
                                    <i class="iconfont">&#xe62e;</i>
                                赞
                                </li>                        <li>
                                    <i class="iconfont">&#xe609;</i>
                                评论
                                </li>                        <li>
                                    <i class="iconfont">&#xe621;</i>
                                分享
                                </li>
                            </ul>
                            <p>
                                <span>泡在糖果王国的小肥仔：</span>
                                <span>真棒！</span>
                            </p>                    
                            <p>
                                <span>泡在糖果王国的小肥仔：</span>
                                <span>真棒！</span>
                            </p>                    
                            <p>
                                <span>泡在糖果王国的小肥仔：</span>
                                <span>真棒！</span>
                            </p>
                            <p>查看所有20条评论</p>
                        </div>
                    </li>
                    <li>
                        <div class="title clearfix">
                            <img src="images/touxiang.png" alt="" class="fl">
                            <div class="information fl">
                                <p>
                                    <span class="span1">fansToa</span>
                                    <i class="iconfont i2">&#xe63f;</i>
                                    <span class="span2">浙江  温州</span>
                                </p>
                                <p>
                                    <img src="images/tou.png" alt="">
                                    <span>杰克&nbsp;&nbsp;&nbsp;萨摩耶</span>
                                    <i class="iconfont i3">&#xe618;</i>
                                </p>
                            </div>
                            <div class="follow fl">
                                <i class="iconfont">&#xe62a;</i>
                                <span>关注</span>
                            </div>
                        </div>
                        <img src="images/d7f98b73916a7f1f6f2ba8793b2fad3b4876f719eb41-DWqlLt_fw658.jpg" alt="">
                        <div class="comment">
                            <h2>愉快的我们</h2>
                            <ul class="clearfix">
                                <li>
                                    <a href="">
                                        <img src="images/pic16.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/pic17.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/pic18.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic19.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic20.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic21.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic22.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic23.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic16.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic17.png" alt="">
                                    </a>
                                </li>
                                <li class="lastLi">50</li>
                            </ul>
                            <ul class="clearfix">
                                <li>
                                    <i class="iconfont">&#xe62e;</i>
                                赞
                                </li>                        <li>
                                    <i class="iconfont">&#xe609;</i>
                                评论
                                </li>                        <li>
                                    <i class="iconfont">&#xe621;</i>
                                分享
                                </li>
                            </ul>
                            <p>
                                <span>泡在糖果王国的小肥仔：</span>
                                <span>真棒！</span>
                            </p>                    
                            <p>
                                <span>泡在糖果王国的小肥仔：</span>
                                <span>真棒！</span>
                            </p>                    
                            <p>
                                <span>泡在糖果王国的小肥仔：</span>
                                <span>真棒！</span>
                            </p>
                            <p>查看所有20条评论</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>        
        <div class="wrapper">
            <div class="banner swiper-container">
                <ul class="bannerUl clearfix swiper-wrapper">
                    <li class="swiper-slide">
                        <a href="#">
                           <img src="images/81243a722599983a9823c57e7092c107acdc6568d4678-bHaB8T_fw658.jpg" alt=""> 
                        </a>
                    </li>
                    <li class="swiper-slide">
                        <a href="#">
                           <img src="images/banner1.jpg" alt=""> 
                        </a>
                    </li>
                    <li class="swiper-slide">
                        <a href="#">
                           <img src="images/10084076_10084076_1325087736046.jpg" alt=""> 
                        </a>
                    </li>
                </ul>
                <ul class="bannerBtn clearfix swiper-pagination">
                </ul>
            </div>
            <div class="content">
                <ul>
                    <li>
                        <div class="title clearfix">
                            <img src="images/touxiang.png" alt="" class="fl">
                            <div class="information fl">
                                <p>
                                    <span class="span1">fansToa</span>
                                    <i class="iconfont">&#xe60c;</i>
                                    <span class="span2">浙江  温州</span>
                                </p>
                                <p>
                                    <img src="images/tou.png" alt="">
                                    <span>杰克&nbsp;&nbsp;&nbsp;萨摩耶</span>
                                    <i class="iconfont">&#xe618;</i>
                                </p>
                            </div>
                            <div class="follow fl">
                                <i class="iconfont">&#xe62a;</i>
                                <span>关注</span>
                            </div>
                        </div>
                        <img src="images/8bd8d3a66991dea7bef3f7d87784b2c0e3f1b9153e679-fNVngH_fw658.jpg" alt="">
                        <div class="comment">
                            <h2>愉快的我们</h2>
                            <ul class="clearfix">
                                <li>
                                    <a href="">
                                        <img src="images/pic16.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/pic17.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/pic18.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic19.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic20.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic21.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic22.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic23.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic16.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic17.png" alt="">
                                    </a>
                                </li>
                                <li class="lastLi">50</li>
                            </ul>
                            <ul class="clearfix">
                                <li>
                                    <i class="iconfont">&#xe62e;</i>
                                赞
                                </li>                        <li>
                                    <i class="iconfont">&#xe609;</i>
                                评论
                                </li>                        <li>
                                    <i class="iconfont">&#xe621;</i>
                                分享
                                </li>
                            </ul>
                            <p>
                                <span>泡在糖果王国的小肥仔：</span>
                                <span>真棒！</span>
                            </p>                    
                            <p>
                                <span>泡在糖果王国的小肥仔：</span>
                                <span>真棒！</span>
                            </p>                    
                            <p>
                                <span>泡在糖果王国的小肥仔：</span>
                                <span>真棒！</span>
                            </p>
                            <p>查看所有20条评论</p>
                        </div>
                    </li>
                    <li>
                        <div class="title clearfix">
                            <img src="images/touxiang.png" alt="" class="fl">
                            <div class="information fl">
                                <p>
                                    <span class="span1">fansToa</span>
                                    <i class="iconfont i2">&#xe63f;</i>
                                    <span class="span2">浙江  温州</span>
                                </p>
                                <p>
                                    <img src="images/tou.png" alt="">
                                    <span>杰克&nbsp;&nbsp;&nbsp;萨摩耶</span>
                                    <i class="iconfont i3">&#xe618;</i>
                                </p>
                            </div>
                            <div class="follow fl">
                                <i class="iconfont">&#xe62a;</i>
                                <span>关注</span>
                            </div>
                        </div>
                        <img src="images/pic29.jpg" alt="">
                        <div class="comment">
                            <h2>愉快的我们</h2>
                            <ul class="clearfix">
                                <li>
                                    <a href="">
                                        <img src="images/pic16.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/pic17.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/pic18.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic19.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic20.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic21.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic22.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic23.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic16.png" alt="">
                                    </a>
                                </li>                        <li>
                                    <a href="">
                                        <img src="images/pic17.png" alt="">
                                    </a>
                                </li>
                                <li class="lastLi">50</li>
                            </ul>
                            <ul class="clearfix">
                                <li>
                                    <i class="iconfont">&#xe608;</i>
                                赞
                                </li>                        <li>
                                    <i class="iconfont">&#xe609;</i>
                                评论
                                </li>                        <li>
                                    <i class="iconfont">&#xe621;</i>
                                分享
                                </li>
                            </ul>
                            <p>
                                <span>泡在糖果王国的小肥仔：</span>
                                <span>真棒！</span>
                            </p>                    
                            <p>
                                <span>泡在糖果王国的小肥仔：</span>
                                <span>真棒！</span>
                            </p>                    
                            <p>
                                <span>泡在糖果王国的小肥仔：</span>
                                <span>真棒！</span>
                            </p>
                            <p>查看所有20条评论</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 底部 start -->
    <div class="tabBtn">
        <ul class="clearfix">
            <li><a href="index.html">
                <div class="pImg"></div>
                <p>首页</p>
            </a></li>
            <li class="current"><a href="liuliu.html">
                <div class="pImg"></div>
                <p>溜溜</p>
            </a></li>
            <li><a href="serve.html">
                <div class="pImg"></div>
                <p>服务</p>
            </a></li>
            <li><a href="my.html">
                <div class="pImg"></div>
                <p>我的</p>
            </a></li>
        </ul>
    </div>
    <!-- 底部 end -->

<script src="js/swiper-3.4.0.min.js"></script>
<script src="js/zepto.min.js"></script>
<script src="js/liuliu.js"></script>
</body>
</body>
</html>